/* stylelint-disable selector-class-pattern */
@include b(crm-image-upload) {
  width: 100%;
  height: 100%;
}

@include b(crm-image-upload-list) {
  width: 100%;
  height: 100%;

  .el-dropdown {
    width: 100%;
    height: 100%;
  }
}

@include b(crm-image-upload-list-item) {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: pointer;
  border-radius: 26px;

  img {
    width: 100%;
    height: 100%;
  }

  &:hover {
    @include b(crm-image-upload-list-item-cover) {
      display: flex;
    }
  }
}

@include b(crm-image-upload-list-item-cover) {
  position: absolute;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgb(0 0 0 / 50%);
}

@include b(crm-image-upload-list-item-camera-icon) {
  width: 22px;
  height: 20px;
  background: transparent no-repeat scroll -176px -323px;
}

@include b(crm-image-upload-dialog) {
  .el-dialog__headerbtn {
    top: 16px;
  }
}

@include b(crm-image-upload-dialog-content) {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 15px 0 30px;
  border: 2px dashed #c0c6cc;
  border-radius: 4px;

  @include e(tip) {
    margin-top: 42px;
    margin-bottom: 15px;
  }
}